<template>
  <div class="user_report">
    <mt-header title="我的报告">
      <c-router-back slot="left"></c-router-back>
    </mt-header>
    <div class="mv-list">
      <router-link tag="div" class="mv-item bd-b"
                   v-for="(item, index) in reports"
                   :key="index"
                   :to="{name:'volunteertable',params: {id: item.id}}">
        <p class="item-tit mb5 f16">{{item.name}}</p>
        <p class="item-time f13">生成时间：{{item.created_at | formatDate}}</p>
        <span class="lab-del trans"><i class="iconfont xzy-icon-enter"></i></span>
      </router-link>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'User',
    data () {
      return {
        reports: [
          {
            id: 61,
            created_at: 1523605630,
            name: '押题密卷A卷报告'
          },
          {
            id: 61,
            created_at: 1523605630,
            name: '押题密卷A卷报告'
          }
        ]
      }
    }
  }
</script>
<style lang='less'>
  @import '../assets/less/_mixins-wln.less';
  .mv-list{
    background: @white;
    .mv-item{
      padding: 20px 15px 20px 5px;
      margin-left:15px;
      position:relative;
      p{margin:0;}
      .item-tit{
        color:@black;
        margin-bottom:10px;
      }
      .item-time{
        color:@muted;
      }
      span{
        display:inline-block;
        font-size:15px;
        position:absolute;
        top:50%;
        margin-top:-8px;
        right:15px;
      }
    }
  }
</style>

